import {messages} from "share/common";
import React from "react";
import scanPage1 from "images/audit-tips/scan-page-1.png";
import scanPage2 from "images/audit-tips/scan-page-2.png";
import scanPage3 from "images/audit-tips/scan-page-3.png";
import scanAll1 from "images/audit-tips/scan-all-1.png";
import scanAll2 from "images/audit-tips/scan-all-2.png";
import expenseReportDetail1 from "images/audit-tips/expense-report-detail-1.png";
import expenseReportDetail2 from "images/audit-tips/expense-report-detail-2.png";
import expenseDetailImage1 from "images/audit-tips/expense-detail-image-1.png";
import expenseDetailImage2 from "images/audit-tips/expense-detail-image-2.png";
import expenseDetailImage3 from "images/audit-tips/expense-detail-image-3.png";
import expenseDetailList1 from "images/audit-tips/expense-detail-list-1.png";
import expenseDetailList2 from "images/audit-tips/expense-detail-list-2.png";
import auditQuestionReject1 from "images/audit-tips/audit-question-reject-1.png";
import auditQuestionReject2 from "images/audit-tips/audit-question-reject-2.png";
import auditQuestionReject3 from "images/audit-tips/audit-question-reject-3.png";
import auditQuestionReject4 from "images/audit-tips/audit-question-reject-4.png";
import auditQuestionEmployee1 from "images/audit-tips/audit-question-employee-1.png";
import auditQuestionEmployee2 from "images/audit-tips/audit-question-employee-2.png";
import auditQuestionOther1 from "images/audit-tips/audit-question-other-1.png";
import auditQuestionFinance1 from "images/audit-tips/audit-question-finance-1.png";
import auditQuestionFinance2 from "images/audit-tips/audit-question-finance-2.png";
import auditQuestionFinance3 from "images/audit-tips/audit-question-finance-3.png";

export const menuList = [{
  key: 'scan',
  name: messages('expense-14.key60')/*如何扫一扫审核？*/,
  title: messages('expense-14.key61')/*扫一扫后可有以下操作*/
}, {
  key: 'expenseReportDetail',
  name: messages('expense-14.key62')/*快速了解单据详情*/,
  title: messages('expense-14.key63')/*单据详情页*/
}, {
  key: 'expenseDetail',
  name: messages('expense-14.key64')/*快速了解新版费用详情*/,
  title: messages('expense-14.key65')/*费用详情页共2种查看模式*/,
  extra: messages('expense-14.key66')/*若想体验新版费用详情，欢迎联系我们开启试用。开启后，可在旧版详情中点击“切换新版”进行查看*/
}, {
  key: 'auditQuestion',
  name: messages('expense-14.key67')/*审核单据有问题怎办？*/,
  title: messages('expense-14.key68')/*您可以有以下解决办法*/
}];

export const menuContent = {
  scan: [{
    value: 'scan_page',
    label: messages('expense-14.key69')/*只需核对纸质单据*/,
    images: [
      { src: scanPage1, id: 'scan_page_app', anchorTitle: messages('expense-14.key70')/*APP端核对*/ },
      { src: scanPage2, id: 'scan_page_pc', anchorTitle: messages('expense-14.key71')/*PC端核对*/ },
      { src: scanPage3, id: 'scan_page_gun', anchorTitle: messages('expense-14.key72')/*扫码枪核对*/ },
    ]
  }, {
    value: 'scan_all',
    label: messages('expense-14.key73')/*线上单据和纸质单据都需核对*/,
    images: [
      { src: scanAll1, id: 'scan_all_app', anchorTitle: messages('expense-14.key70')/*APP端核对*/ },
      { src: scanAll2, id: 'scan_all_pc', anchorTitle: messages('expense-14.key71')/*PC端核对*/ }
    ]
  }],
  expenseReportDetail: [{
    images: [{
      src: expenseReportDetail1,
      id: 'expense_report_mode',
      anchorTitle: messages('expense-14.key74')/*模块介绍*/,
      operateList: [{
        style: { top: '17%', right: '9%' },
        props: { placement: 'left' },
        content: (
          <div>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key75')/*最基本的视图模式*/}</div>
            {messages('expense-14.key76')/*所有费用按费用发生日期／费用类型排序*/}
            <div className="audit-tips-detail-right-collapse-extra">
              {messages('expense-14.key77')/*您可将费用信息添加至摘要，在费用列表中查看关注的所有信息*/} <br/>
              {messages('expense-14.key78')/*配置路径：费用类型-详情设置，勾选上“摘要中显示该字段”即可*/}
            </div>
          </div>
        )
      }, {
        style: { top: '21.5%', right: '9%' },
        props: { placement: 'left' },
        content: (
          <div>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key79')/*按费用大类分类（推荐）*/}</div>
            {messages('expense-14.key80')/*同类费用快速查看，一屏显示费用以及发票关键信息，无须进入费用详情查看*/}
            <div className="audit-tips-detail-right-collapse-extra">
              {messages('expense-14.key77')/*您可将费用信息添加至摘要，在费用列表中查看关注的所有信息*/} <br/>
              {messages('expense-14.key78')/*配置路径：费用类型-详情设置，勾选上“摘要中显示该字段”即可*/}
            </div>
          </div>
        )
      }, {
        style: { top: '26%', right: '9%' },
        props: { placement: 'left' },
        content: (
          <div>
            {messages('expense-14.key81')/*按费用类型／日期维度汇总*/} <br/>
            {messages('expense-14.key82')/*日历维度展现员工每日费用发生情况*/}
          </div>
        )
      }, {
        style: { top: '30.5%', right: '9%' },
        props: { placement: 'left' },
        content: (
          <div>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key83')/*入口出现条件*/}</div>
            {messages('expense-14.key84')/*若费用中有附件，发票图片或发票原件，将会显示该入口*/} <br/><br/>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key85')/*使用条件*/}</div>
            {messages('expense-14.key86')/*主要用于核对费用中所有附件以及发票图片*/}
          </div>
        )
      }, {
        style: { top: '34%', right: '9%' },
        props: { placement: 'left' },
        content: (
          <div>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key83')/*入口出现条件*/}</div>
            {messages('expense-14.key87')/*若费用中有发票结构化数据，将会显示该入口*/} <br/><br/>
            <div style={{ fontWeight: 'bolder' }}>{messages('expense-14.key85')/*使用条件*/}</div>
            {messages('expense-14.key88')/*主要用于核对单据下所有发票结构化数据，以发票类型的维度分类显示*/}
          </div>
        )
      }, {
        style: { width: '9.5%', height: '4%', bottom: '6.3%', left: '20.5%' },
        onClick: _this => {
          _this.changeCurrentPage('auditQuestion');
          _this.setState({ collapseActiveKey: ['auditQuestion_reject_annotate'] });
        }
      }]
    }, {
      src: expenseReportDetail2,
      id: 'expense_report_audit',
      anchorTitle: messages('expense-14.key89')/*待审核/已审核介绍*/,
      operateList: [{
        style: { width: '8%', top: '10.5%', left: '19.2%' },
        onClick: _this => _this.changeCurrentPage('expenseDetail')
      }]
    }]
  }],
  expenseDetail: [{
    value: 'expenseDetail_image',
    label: messages('expense-14.key90')/*读图模式*/,
    images: [
      { src: expenseDetailImage1, id: 'expenseDetail_image_left', anchorTitle: messages('expense-14.key91')/*左侧费用区域说明*/ },
      { src: expenseDetailImage2, id: 'expenseDetail_image_right', anchorTitle: messages('expense-14.key92')/*右侧费用区域说明*/ },
      { src: expenseDetailImage3, id: 'expenseDetail_image_fold', anchorTitle: messages('expense-14.key93')/*左侧费用收起样式*/ }
    ]
  }, {
    value: 'expenseDetail_table',
    label: messages('expense-14.key94')/*列表模式*/,
    images: [
      { src: expenseDetailList1, id: 'expenseDetail_list_right', anchorTitle: messages('expense-14.key95')/*右侧列表区域说明*/ },
      { src: expenseDetailList2, id: 'expenseDetail_list_fold', anchorTitle: messages('expense-14.key93')/*左侧费用收起样式*/ }
    ]
  }],
  auditQuestion: [{
    value: 'auditQuestion_reject',
    label: messages('expense-14.key96')/*直接驳回*/,
    title: messages('expense-14.key97')/*驳回时您可以进行以下操作：*/,
    category: [{
      key: 'auditQuestion_reject_annotate',
      anchorTitle: messages('expense-14.key98')/*如何快速批注*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key98')/*如何快速批注*/}</div>
          1. {messages('expense-14.key99')/*对有疑问的字段内容添加批注，并在下方展示*/} <br/>
          2. {messages('expense-14.key100')/*修改后再次提交的单据，可根据批注查看是否修改*/}
        </div>
      ),
      images: [
        { src: auditQuestionReject1 },
        { src: auditQuestionReject2 },
      ]
    }, {
      key: 'auditQuestion_reject_opinion',
      anchorTitle: messages('expense-14.key101')/*如何填写驳回意见*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key101')/*如何填写驳回意见*/}</div>
          1. {messages('expense-14.key102')/*文字图片让意见表达更完整*/} <br/>
          2. {messages('expense-14.key103')/*快捷回复让驳回填写更效率*/}
        </div>
      ),
      images: [
        { src: auditQuestionReject3 },
      ]
    }, {
      key: 'auditQuestion_reject_operate',
      anchorTitle: messages('expense-14.key104')/*如何进行驳回操作*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key104')/*如何进行驳回操作*/}</div>
          1. {messages('expense-14.key105')/*可以对整个单据进行驳回*/} <br/>
          2. {messages('expense-14.key106')/*可以对某几笔费用进行驳回*/}
          <div className="audit-tips-detail-right-collapse-extra">
            {messages('expense-14.key107')/*对某笔费用驳回，需配置后才可操作*/}
            <span className="ant-form-item-required"/> <br/>
            {messages('expense-14.key108')/*配置路径：财务管理-单据审核设置-审核基础配置，如无菜单权限，请联系管理员配置*/}
          </div>
        </div>
      ),
      images: [
        { src: auditQuestionReject4 },
      ]
    }]
  }, {
    value: 'auditQuestion_employee',
    label: messages('expense-14.key109')/*询问员工*/,
    title: messages('expense-14.key110')/*如何线上询问员工？*/,
    category: [{
      key: 'auditQuestion_employee_online',
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('common.notice')/*通知*/}</div>
          1. {messages('expense-14.key111')/*线上通知员工，确认疑问点，通知后员工即时收到提醒*/} <br/>
          2. {messages('expense-14.key112')/*财务可根据“员工回复”的标签，筛选已回复的单据进行审核*/}
          <div className="audit-tips-detail-right-collapse-header" style={{ marginTop: 16 }}>{messages('expense-14.key20')/*暂挂*/}</div>
          1. {messages('expense-14.key113')/*您可对待确认的单据标记为“暂挂”，同时标注暂挂的原因，避免重复查看同一单据*/} <br/>
          2. {messages('expense-14.key114')/*未来可根据标签快速筛选“暂挂单据”*/}
        </div>
      ),
      images: [
        { src: auditQuestionEmployee1 },
        { src: auditQuestionEmployee2 }
      ]
    }]
  }, {
    value: 'auditQuestion_other',
    label: messages('expense-14.key115')/*询问他人*/,
    title: messages('expense-14.key116')/*如何线上询问他人？*/,
    category: [{
      key: 'auditQuestion_other_addSign',
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key25')/*加签*/}</div>
          1. {messages('expense-14.key117')/*加签业务的其他审核人，对单据再次复核*/} <br/>
          2. {messages('expense-14.key118')/*支持向前加签或向后加签，满足不同场景*/}
          <div className="audit-tips-detail-right-collapse-extra">
            {messages('expense-14.key119')/*加签需配置后才可操作*/}
            <span className="ant-form-item-required"/> <br/>
            {messages('expense-14.key120')/*配置路径：工作流-审批流-表单配置，如无菜单权限，请联系管理员配置*/}
          </div>
        </div>
      ),
      images: [
        { src: auditQuestionOther1 }
      ]
    }]
  }, {
    value: 'auditQuestion_finance',
    label: messages('expense-14.key121')/*财务修改*/,
    title: messages('expense-14.key122')/*以下几种内容可以进行修改：*/,
    category: [{
      key: 'auditQuestion_finance_info',
      anchorTitle: messages('expense-14.key123')/*单据内容修改*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key124')/*可以对单据/费用/付款行信息进行修改*/}</div>
          {messages('expense-14.key125')/*基于调整后的信息，重新计算费用标准，预算占用等规则*/}
          <div className="audit-tips-detail-right-collapse-extra">
            {messages('expense-14.key126')/*单据修改需配置后才可操作*/}
            <span className="ant-form-item-required"/> <br/>
            {messages('expense-14.key127')/*配置路径：财务管理-单据审核设置-审核基础配置-基础配置，如无菜单权限，请联系管理员配置*/}
          </div>
        </div>
      ),
      images: [
        { src: auditQuestionFinance1 }
      ]
    }, {
      key: 'auditQuestion_finance_date',
      anchorTitle: messages('expense-14.key128')/*记账日期修改*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key129')/*可以对记账日期进行修改*/}</div>
          1. {messages('expense-14.key130')/*在单据详情页，对记账日期进行修改*/} <br/>
          2. {messages('expense-14.key131')/*在配置页，根据审核通过日期，自动落值记账日期设置规则*/}
          <div className="audit-tips-detail-right-collapse-extra">
            {messages('expense-14.key132')/*记账日期修改需配置后才可操作*/}
            <span className="ant-form-item-required"/> <br/>
            {messages('expense-14.key133')/*配置路径：财务管理-单据审核设置-审核基础配置-记账日期落值配置，如无菜单权限，请联系管理员配置*/}
          </div>
        </div>
      ),
      images: [
        { src: auditQuestionFinance2 }
      ]
    }, {
      key: 'auditQuestion_finance_writeoff',
      anchorTitle: messages('expense-14.key134')/*冲借款修改*/,
      content: (
        <div>
          <div className="audit-tips-detail-right-collapse-header">{messages('expense-14.key135')/*可以为员工进行冲借款*/}</div>
          {messages('expense-14.key136')/*员工借款未还，财务可直接冲借款*/}
          <div className="audit-tips-detail-right-collapse-extra">
            {messages('expense-14.key137')/*冲借款需配置后才可操作*/}
            <span className="ant-form-item-required"/> <br/>
            {messages('expense-14.key127')/*配置路径：财务管理-单据审核设置-审核基础配置-基础配置，如无菜单权限，请联系管理员配置*/}
          </div>
        </div>
      ),
      images: [
        { src: auditQuestionFinance3 }
      ]
    }]
  }]
};
